@media (max-width:1200px) {
    .container {
        width: 95%;
        max-width: 95%;
    }
}

@media (max-width:998px) {
    header .menu {
        display: none;
    }

    header .telephones {
        border-bottom: 0;
    }

    header .container {
        padding-top: 20px;
        flex-direction: column;
        align-items: center;
        gap: 0;
    }

    section.intro {
        background:url(../img/desentupidora.jpeg) center center no-repeat;
        background-size: cover;
    }

    section.intro .content  {
        padding:25px 40px;
        margin: 150px auto;
        background: #00000096;
        border: 3px #fff solid;
    }

    section.intro .content h1 {
        font-size: 8vw;
    }

    section.intro .content h1 strong {
        font-size: 5vw;
    }

    section.intro .content a {
        width: 180px;
        border: 0;
        bottom: -20px;
    }

    
    section.actions h2 {
        font-size: 18px;
    }

    section.actions .container {
        flex-wrap: wrap;
        justify-content: center;
    }

    section.actions .telephones {
        flex-wrap: wrap;
        justify-content: center;
        flex-direction: column;
        gap: 10px;
    }
}

@media (max-width:768px) {

    .telefone__fixo {
        display: table !important;
    }

    body {
        padding-bottom: 70px;
    }

    a.cta {
        padding:5px 10px;
        font-size: 11px;
    }

    .title__home h2 {
        font-size: 30px
    }

    header .telephones .time {
        display: none;
    }

    header .telephones {
        gap: 10px;
    }

    .link__telephone {
        font-size: 8px;
        padding: 10px;
        padding-left: 45px;
    }

    .link__telephone svg {
        width: 25px;
        height: 25px;
        left: 10px;
    }

    .link__telephone strong {
        font-size: 12px;
    }

    section.solucoes {
        padding: 40px 0;
    }

    section.solucoes ul {
        grid-template-columns: repeat(2, 1fr);
        gap: 10px;
    }

    section.solucoes li h4 {
        font-size: 14px;
        padding: 0;
    }

    section.sobre .container {
        flex-wrap: wrap;
    }

    section.sobre .persona {
        max-width: 100%;
        margin: 0;
        margin-top: 40px;
    }

    section.sobre .box {
        padding: 30px;
    }

    section.questions {
        padding: 40px 0;
    }

    footer .principal .container {
        grid-template-columns: repeat(1, 1fr);
    }

    footer .copy .container {
        flex-wrap: wrap;
        gap: 30px;
        justify-content: center;
        text-align: center;
    }
}